﻿<!DOCTYPE HTML>
<html>
    <head>
    	<title>SMIST</title>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        
        <script type="text/javascript" charset="utf-8" src="../js/librerias/phonegap.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/librerias/jquery.js"></script>
        <script type="text/javascript" src="../js/librerias/jquery.mobile-1.0.1.js"></script>
        <script type="text/javascript" src="../js/librerias/jquery-ajax-queue_1.0.js"></script>
        <script type="text/javascript" src="../js/librerias/jquery.ajaxmanager.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/parametros.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/parametros_base.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/Helper.js"></script>
        
        <!--Importando Modelos de SMIST_BASE-->
		<script type="text/javascript" charset="utf-8" src="../js/modelos/smist_base/CategSen.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/smist_base/EstadSen.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/smist_base/MotivAve.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/modelos/smist_base/SenalTra.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/smist_base/TipoSen.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/smist_base/TipoSop.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/smist_base/TipoVia.js"></script>
        
        <!--Importando Modelos de SMIST-->
		<script type="text/javascript" charset="utf-8" src="../js/modelos/smist/DatosAve.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/modelos/smist/DatosSen.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/modelos/smist/DatosSem.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/smist/SoporSen.js"></script>
		
		<!--Parametros de Base de Datos-->
        <script type="text/javascript" charset="utf-8" src="../js/bd/BD.js"></script>
        
        <!--Creador-->
        <script type="text/javascript" charset="utf-8" src="../js/averia/ConsultarAveria.js"></script>
        
        <script type="text/javascript" charset="utf-8">
			document.addEventListener("deviceready", onDeviceReady, false);
        </script>
        
        <link rel="stylesheet" href="../css/jquery.mobile-1.0.1.css" />
        <link rel="stylesheet" href="../css/smist_theme.css" />
    </head>
    
    <body>
        <div data-role="page" id="consultarAveria" data-theme="a" data-title="SMIST - Consultar una Avería de Señal de Tránsito">
            <div data-role="header">
                <a id="atras" name="atras" data-role="button" data-icon="arrow-l" data-transition="slide">Atras</a>
                <table width="45%" align="center">
                    <tr>
                        <td width="25px" id="imagen_usuario">
                        </td>
                        <td id="titulo_sistema" align="center">
                        </td>
                        <td width="25px" id="imagen_servidor">
                        </td>
                    </tr>
				</table>
                <a id="inicio" name="inicio" data-role="button" data-icon="home" data-transition="slide" data-iconpos="right">Inicio</a>
            </div>
            
            <div data-role="content">
				<form>
					<h2>Consultar una Avería</h2>
				
					<div data-role="fieldcontain">
						<label for="id_averia">ID Avería:<sup> * </sup></label>
						<input id="id_averia" name="id_averia" type="number" placeholder="ID AVERÍA" required="required" pattern="[0-9]*" />
						<input id="id_opcion" name="id_opcion" type="hidden" value="14" />
						
						<label for="id_senal">ID Señal:<sup> * </sup></label>
						<input id="id_senal" name="id_senal" type="number" placeholder="ID SEÑAL" required="required" pattern="[0-9]*" />
                        <input id="h_id_senal" name="h_id_senal" type="hidden" />
                        
                        <br />
                        <div id="div_ver_mapa" class="centrado">
                            <img id="ver_mapa" name="ver_mapa" src="../img/botones/ver_mapa.png" onClick="consultar_mapa_sen( $('#id_opcion').val() );" />
                        </div>
                        
                        <br />
                        <div id="campo_obligatorio" class="campo_obligatorio">* Campo Obligatorio</div>
                        
                        <br />
                        <button id="consultar" name="consultar" type="button" data-theme="a">Consultar</button>
					</div>
					
					<div data-role="fieldcontain">
						<h3>Información de la Señal</h3>
						
						<label for="coord_x">Coordenada X (Longitud):</label>
						<input id="coord_x" name="coord_x" type="text" placeholder="LONGITUD" readonly="readonly" />
						
						<label for="coord_y">Coordenada Y (Latitud):</label>
						<input id="coord_y" name="coord_y" type="text" placeholder="LATITUD" readonly="readonly" />
					</div>
					
					<div data-role="fieldcontain">
						<label for="nombre_tipo_sen">Tipo de Señal:</label>
						<input id="nombre_tipo_sen" name="nombre_tipo_sen" type="text" placeholder="TIPO DE SEÑAL" readonly="readonly" />
						
						<label for="nombre_categ_sen">Categoría de Señal:</label>
						<input id="nombre_categ_sen" name="nombre_categ_sen" type="text" placeholder="CATEGORÍA DE SEÑAL" readonly="readonly" />	
						
						<label for="nombre_senal_tra">Señal de Tránsito:</label>
						<input id="nombre_senal_tra" name="nombre_senal_tra" type="text" placeholder="SEÑAL DE TRÁNSITO" readonly="readonly" />
						
						<div id="div_sopor_sen">
                            <label for="nombre_tipo_sop">Tipo de Soporte:</label>
                            <input id="nombre_tipo_sop" name="nombre_tipo_sop" type="text" placeholder="TIPO DE SOPORTE" readonly="readonly" />
						</div>
						
						<label for="nombre_estad_sen">Estado de la Señal:</label>
						<input id="nombre_estad_sen" name="nombre_estad_sen" type="text" placeholder="ESTADO DE LA SEÑAL" readonly="readonly" />
						
						<label for="nombre_status_sen">Estatus de la Señal:</label>
						<input id="nombre_status_sen" name="nombre_status_sen" type="text" placeholder="ESTATUS DE LA SEÑAL" readonly="readonly" />
                        
                        <label for="fecha_instalacion">Fecha de Instalación:</label>
						<input id="fecha_instalacion" name="fecha_instalacion" type="text" placeholder="FECHA DE INSTALACIÓN" readonly="readonly" />
						
						<label for="estandar">Estándar:</label>
						<input id="estandar" name="estandar" type="text" placeholder="ESTÁNDAR" readonly="readonly" />
						
						<div id="div_image_sen" style="display:block" class="centrado">
						</div>
					</div>
					
                    <div data-role="fieldcontain" id="div_datos_sem">
						<h3>Datos del Semáforo</h3>
                        
                        <label for="nombre_tipo_sem">Tipo de Semáforo:</label>
						<input id="nombre_tipo_sem" name="nombre_tipo_sem" type="text" placeholder="TIPO DE SEMÁFORO" readonly="readonly" />
						
						<label for="temporizador">Temporizador:</label>
						<input id="temporizador" name="temporizador" type="text" placeholder="TEMPORIZADOR" readonly="readonly" />
                        
                        <label for="control">Control:</label>
						<input id="control" name="control" type="text" placeholder="CONTROL" readonly="readonly" />
						
						<label for="nro_semaf">Número de Semáforos:</label>
						<input id="nro_semaf" name="nro_semaf" type="text" placeholder="NÚMERO DE SEMÁFOROS" readonly="readonly" />
					</div>
                    
					<div data-role="fieldcontain">
						<h3>Datos de la Ubicación</h3>
						
						<label for="nombre_estado">Entidad Federal:</label>
						<input id="nombre_estado" name="nombre_estado" type="text" placeholder="ENTIDAD FEDERAL" readonly="readonly" />
							
						<label for="nombre_municipio">Municipio:</label>
						<input id="nombre_municipio" name="nombre_municipio" type="text" placeholder="MUNICIPIO" readonly="readonly" />
						
						<label for="nombre_parroquia">Parroquia:</label>
						<input id="nombre_parroquia" name="nombre_parroquia" type="text" placeholder="PARROQUIA" readonly="readonly" />
							
						<label for="nombre_sector">Sector:</label>
						<input id="nombre_sector" name="nombre_sector" type="text" placeholder="SECTOR" readonly="readonly" />
						
						<label for="nombre_tipo_via">Tipo de Vía:</label>
						<input id="nombre_tipo_via" name="nombre_tipo_via" type="text" placeholder="TIPO DE VÍA" readonly="readonly" />
						
						<label for="referencia">Referencia:</label>
						<textarea id="referencia" name="referencia" placeholder="REFERENCIA" readonly="readonly" rows="3" cols="31"></textarea>	
					</div>
					
					<div data-role="fieldcontain">
						<label for="nombre_usuario_reg_sen">Usuario de Registro:</label>
						<input id="nombre_usuario_reg_sen" name="nombre_usuario_reg_sen" type="text" placeholder="USUARIO DE REGISTRO" readonly="readonly" />
                        
                        <label for="fecha_registro_sen">Fecha de Registro:</label>
						<input id="fecha_registro_sen" name="fecha_registro_sen" type="text" placeholder="FECHA DE REGISTRO" readonly="readonly" />
                        
						<label for="observaciones_sen">Observaciones:</label>
						<textarea id="observaciones_sen" name="observaciones_sen" placeholder="OBSERVACIONES DE LA SEÑAL" readonly="readonly" rows="3" cols="31"></textarea>	
					</div>
					
					<div data-role="fieldcontain">
						<h3>Datos de la Avería</h3>
						
						<label for="fecha_averia">Fecha de la Avería:</label>
						<input id="fecha_averia" name="fecha_averia" type="text" placeholder="FECHA DE LA AVERÍA" readonly="readonly" />
						
						<label for="nombre_motiv_ave">Motivo de Avería:</label>
						<input id="nombre_motiv_ave" name="nombre_motiv_ave" type="text" placeholder="MOTIVO DE AVERÍA" readonly="readonly" />
                        
                        <label for="nombre_status_ave">Estatus de Avería:</label>
						<input id="nombre_status_ave" name="nombre_status_ave" type="text" placeholder="ESTATUS DE AVERÍA" readonly="readonly" />
						
						<label for="nombre_usuario_reg_ave">Usuario de Registro:</label>
						<input id="nombre_usuario_reg_ave" name="nombre_usuario_reg_ave" type="text" placeholder="USUARIO DE REGISTRO" readonly="readonly" />
                        
                        <label for="fecha_registro_ave">Fecha de Registro:</label>
						<input id="fecha_registro_ave" name="fecha_registro_ave" type="text" placeholder="FECHA DE REGISTRO" readonly="readonly" />
                        
                        <div id="div_reparacion">
                            <label for="nombre_usuario_rep">Usuario de Reparación:</label>
                            <input id="nombre_usuario_rep" name="nombre_usuario_rep" type="text" placeholder="USUARIO DE REPARACIÓN" readonly="readonly" />
                            
                            <label for="fecha_reparacion">Fecha de Reparación:</label>
                            <input id="fecha_reparacion" name="fecha_reparacion" type="text" placeholder="FECHA DE REPARACIÓN" readonly="readonly" />
                        </div>
                        
                        <label for="observaciones_ave">Observaciones:</label>
						<textarea id="observaciones_ave" name="observaciones_ave" placeholder="OBSERVACIONES DE LA AVERÍA" readonly="readonly" rows="3" cols="31"></textarea>	
					</div>
					
					<br />
					<button id="atras2" name="atras2" type="button" data-theme="a" data-icon="arrow-l">Atras</button>
				</form>
            </div>
			
            <div data-role="footer">
                <div id="municipio_pie_pagina" class="pie_pagina"></div>
                <div id="estado_pie_pagina" class="pie_pagina"></div>
            </div>
        </div>
    </body>
</html>